حاشیه تصویری در CSS3
با استفاده از CSS3 و ویژگی border-image میتوانید از تصویر به عنوان حاشیه استفاده کنید برای نمونه کادر زیر :
با استفاده از این تصویر ایجاد شده است :
نمونه (استفاده
از یک تصویر برای ایجاد حاشیه تصویری پیرامون Div)
div {
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}